<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<div class="main">
			<!-- 头部 -->
			<header>
				<section class="container" id="head">
					<img src="../../assets/images/2.jpg" id="photo"></img>
					<a href="../mine_modify.html" id="nickName"></a>
					<p id="sign">个性签名：瘦子穿什么都是百搭，胖子穿什么都是白搭</p>
					<p>VIP</p>
				</section>
			</header>

			<!-- 主体 -->
			<main>
				<!-- 运动数据 -->
				<section id="sports-data">
					<div id="data" class="container">
						<div id="first">
							<p><span class="iconfont icon-zhexiantu"></span>运动数据</p>
							<p class="iconfont icon-31fanhui1"></p>
						</div>
						<div id="second">
							<div class="sports">
								<p>总运动</p>
								<p><span id="duration"></span> 分钟</p>
							</div>
							<div id="calorie">
								<div class="thisWeek">
									<p>本周消耗</p>
									<p><span id="calorieNum"></span>千卡</p>
								</div>
							</div>
						</div>
					</div>
				</section>

				<!-- 我的运动徽章 -->
				<section>
					<div class="container" id="medal">
						<div id="first">
							<p>
								<span class="iconfont icon-sharpicons_badge-"></span>
								我的运动徽章
							</p>
							<p class="iconfont icon-31fanhui1"></p>
						</div>
						<div id="badge">
							<div></div>
							<div></div>
							<div></div>
						</div>
					</div>
				</section>

				<!-- 退出登录 -->
				<section id="exit">
					<a href="../login.html">退出登录</a>
				</section>
			</main>
		</div>
		<!-- 导航栏 -->

		<!-- 底部导航 tabbar -->
		<nav class="tabbar"></nav>
	</body>
</html>

